<template>
	<div class="contair">

		<el-table :data="tableData" ref="table" style="width: 100%" row-key="name" lazy :load="load"
			:tree-props="{ children: 'children', hasChildren: 'is_c' }" v-loading="loading">
    <!-- <el-table-column type="expand">
			<template slot-scope="props">
        <el-form label-position="left" inline class="demo-table-expand">
          <el-form-item label="商品名称">
            <span>{{ props.row.name }}</span>
          </el-form-item>

        </el-form>
      </template>
    </el-table-column> -->
			<el-table-column prop="name" label="页面名称"> </el-table-column>
			<el-table-column prop="path" label="路径"> </el-table-column>

			<!-- <el-table-column prop="service" label="操作" align="center" min-width="90" fixed="right">
				<template slot-scope="scope">
					<div v-if="scope.row.parent_id">
						<el-button type="text" @click="shanji(scope.$index, scope.row)">上级</el-button>
					</div>
				</template>
			</el-table-column> -->
		</el-table>
	</div>
</template>
<script>
export default {
	data() {
		return {
			tableData: [],
			keyword: '',
      loading:false
		}
	},
	created() {
		this.tableData=this.$router.options.routes
		console.log(this.tableData)
		
	},
	methods: {
		handleSearch(){

		},
		load(){

		}
	},
}
</script>
<style>
.contair{
	padding: 20px;
}
</style>